<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>注册</title>
    <!-- Bootstrap --><!-- 新 Bootstrap 核心 CSS 文件 -->

    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body style="background:linear-gradient(#60c660, #5FB878);">
  <section class="layui-box">
		<div class="layui-tab layui-tab-card reg" lay-filter="docDemoTabBrief" style="margin-top:200px ;">
		  <ul class="layui-tab-title">
		    <li class="layui-this">注册</li>
		  </ul>
		  <div class="layui-tab-content" style="padding: 20px;">
		    <div class="layui-tab-item layui-show">
		    	<form class="layui-form" action="">
		    		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
						  <legend style="color: #c2c2c2;">标题</legend>
						</fieldset>
					  <div class="layui-form-item">
					    <label class="layui-form-label">单行框撒大</label>
					    <div class="layui-input-block">
					      <input name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" value="" class="layui-input" type="text">
					    </div>
					  </div>
					  <div class="layui-form-item">
					    <label class="layui-form-label">单行框撒大</label>
					    <div class="layui-input-block">
					      <input name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" value="" class="layui-input" type="password">
					    </div>
					  </div>
					  <div class="layui-form-item">
					    <label class="layui-form-label">单行框撒大</label>
					    <div class="layui-input-block">
					      <input name="title" lay-verify="title" autocomplete="off" placeholder="请输验证码" value="" class="layui-input" type="text">
					      <img class="passcode" src="img/VFC.png" />
					    </div>
					  </div>
					  <div class="layui-form-item">
					    <div class="layui-input-block">
					      <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
					      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
					    </div>
					  </div>
					</form>  
		    </div>
		   </div》 
	  </div>	
		</div>
  </section> 	
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>	
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  </body>
</html>